<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head th:include="shared/css_js::header">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="/static/css/weuicss/weui.min.css"/>
</head>

<body>

<header class="mui-bar mui-bar-nav">
	<a th:if="${flag==null}" class=" mui-icon mui-icon-left-nav " href="/person/mycar"></a>
	<a th:if="${flag=='1'}" class=" mui-icon mui-icon-left-nav " th:href="@{/item/item(busiid=${busiid})}"></a>
	<a th:if="${flag=='2'}" class=" mui-icon mui-icon-left-nav " href="/person/mycar"></a>
	<h1 class="mui-title"><font size="4"><b>我的车型</b></font></h1>
</header>

<link rel="stylesheet" type="text/css" th:href="@{/css/choocecar/style.css}"/>
<div id="letter" ></div>
<div class="sort_box">
	<div class="sort_list" style="height:55px" th:each="carbrand:${carbrand}" th:onclick="'javascript:choosecarline(\''+${carbrand.brandid}+'\',\''+${carbrand.brandname}+'\')'">
		<div class="num_logo">
			<img th:src="'/img/caricon/'+${carbrand.brandlogo}" alt=""/>
		</div>
		<div class="num_name" th:text="${carbrand.brandname}">张三</div>
	</div>
</div>
<div class="initials">
	<ul>
		<li>#</li>
	</ul>
</div>

<input id="flag" type="hidden" th:value="${flag}"/>
<input id="busiid" type="hidden" th:value="${busiid}"/>
<input id="shopid" type="hidden" th:value="${shopid}"/>

<script type="text/javascript" th:src="@{/css/choocecar/sort.js}"></script>
<script type="text/javascript" th:src="@{/css/choocecar/jquery.charfirst.pinyin.js}"></script>
<script th:inline="javascript">
    /*<![CDATA[*/


    /*查出所选品牌对应下的车系*/
    function choosecarline(carbrand,brandname) {
        var flag=$("#flag").val();
        var busiid=$("#busiid").val();
        var shopid=$("#shopid").val();
        location.href="/person/choosecarline?carbrand="+carbrand+"&brandname="+brandname+"&flag="+flag+"&busiid="+busiid+"&shopid="+shopid;
    }
    /*]]>*/
</script>
</body>
</html>